<template>
	<view>
		<view class="main">
			<view class="top">
				<text class="top-text">个人入园凭证</text>
			</view>
			<view class="time">
				<text class="time-text">
					2024年9月6日 13:00-16:00
				</text>
			</view>
			<view class="yuyue">
				预约信息
			</view>
			<uni-card class="a">
				<text class="content">姓名：{{this.name}}<br /></text>	
				<text class="content">	证件类型：中国居民身份证<br /></text>
				<text class="content">证件号码：<!-- {{this.idnumber}} -->11111111111111 <br /></text>
				<text class="content">手机号码：{{this.phonenum}} <br /></text>
				<text class="content">同行儿童数：3人 <br /></text>
				<text class="content">同行成人：预约人姓名1、预约人姓名2、<br />
					预约人姓名3、预约人姓名4 <br /></text>
				
			</uni-card>
			<view class="b">
				<text class="c">园区花草，种植不易请爱护</text>
			</view>
		</view>
		<view class="bottom">
			<text class="bottom-text1">离凭证消失剩余<text class="bottom-text2">3小时56分钟</text>。可发起新的预约 </text>
		</view>
	</view>
</template>

<script >
export default {
		  data() {
		    return {
		      
			  
		    };
		  },onLoad: function (option) { 
				console.log(option.name);
				// console.log(option.idnumber);
				console.log(option.phonenum);
				// console.log(option.peoplenum);
				  this.name = option.name;
				  this.idnumber = option.idnumber;
				  this.phonenum = option.phonenum;
			},
		  methods: {
		    
			}
		  };
		  
		



</script>

<style scoped>
	.main {
		background-image: url("../../static/bg (1).png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 604px;
		}

	.top {
		text-align: center;
	}

	.time {
		text-align: center;
		margin-top: -20px;
	}
	.top-text {
		width: 120px;
		height: 20px;
		opacity: 0.9;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 20px;
		color: #000000;
		text-align: center;
		line-height: 80px;
	}

	.time-text {
		width: 161px;
		height: 17px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	    
	}

	.yuyue {
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		margin-top: 36px;
		margin-left: 16px;
	}

	.a {
		width: 319px;
		height: 292px;
		background: #FFFFFF;
		border-radius: 12px;
		left: 30px;
	}

	.content {
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		line-height: 38px;
	}

	.b {
		text-align: center;
		margin-top: 50px;
	}

	.c {
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}

	.bottom {
		text-align: center;
		margin-top: 41px;
	}

	.bottom-text1 {
		color: #5f5f5f;
		font-size: 12px;
		font-face: PingFangSC;
		font-weight: 400;
		line-height: 0;
		letter-spacing: 0;
		paragraph-spacing: 0;
		text-align: left;
	}

	.bottom-text2 {
		color: #8dcb6d;
		font-size: 12px;
		font-face: PingFangSC;
		font-weight: 400;
		line-height: 0;
		letter-spacing: 0;
		paragraph-spacing: 0;
		text-align: left;
	}
</style>